﻿@charset 'utf-8';
/* CSS 移动端重置模块 */
html{color:#000;background:#FFF;font-family:Microsoft Yahei,'微软雅黑';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;font-family:Microsoft Yahei,'微软雅黑';}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a{text-decoration:none; outline:none;}/*此处待添加默认链接颜色*/
var,em,strong{font-style:normal;}
address,caption,cite,code,dfn,em,strong,th,var, optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
/*自定义重置*/
input,select,button,textarea{ outline:none; -webkit-box-sizing: border-box; box-sizing: border-box;}
textarea{ resize:none;}
input,textarea{ text-indent:0.5em;}
input,textarea,select{ border: 1px solid #ddd; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
/*清除默认样式*/
input[type=range]{ -webkit-appearance:none; width:100%;  border:none; outline:none;  box-shadow:none;}
/*给滑块添加样式*/
input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; height:28px; width:28px; 
  -webkit-transform: translate(0px,-10px);
  border: 1px solid #ccc;  border-radius:50%; background:#fff; box-shadow:1px 1px 0px 0px rgba(83,83,83,0.35);}
/*给轨道添加样式*/
input[type=range]::-webkit-slider-runnable-track { -webkit-appearance:none; padding:0px;margin:0px; width:100%; height:8px; background:#4aa7ea; border-radius:4px; max-height:8px;}

/*样式库*/
/*布局相关*/
.clearfix:after{ content:"\200B"; display:block; height:0; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.h{ height:100%;}
.w{ width:100%;}
.wh{ display:block; width:100%; height:100%;}
.m0{ margin:0px auto;}
.m5{ margin:5px auto;}
.m10{ margin:10px auto;}
.m15{ margin:15px auto;}
.mg0{ margin:0px;}
.mg5{ margin:5px;}
.mg10{ margin:10px;}
.mg15{ margin:15px;}
.pd0{ padding:0px;}
.pd5{ padding:5px;}
.pd10{ padding:10px;}
.pd15{ padding:15px;}
.line{ box-shadow:0px 1px 0px 0px #caced7;}
.imgblock{ display:block; width:100%;}
.rd{ border-radius:50%;}
.rd4{ border-radius:4px;}
.bg_w{ background-color:#fff;}
.cen{ text-align:center;}
.txtr{ text-align:right}
.rel{ position:relative;}
.abs{ position:absolute;}

/*两端对齐*/
.justify{ text-align:justify;}
.justify:after{ display:inline-block; content:" "; width:100%; height:0px; line-height: 0px;}
.sizing{ -webkit-box-sizing: border-box; box-sizing: border-box;}
.ani3{  -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
/*文本超出隐藏*/
.txthd{ overflow:hidden;	text-overflow:ellipsis;	white-space:nowrap;}
.unslt{ -webkit-user-select:none; user-select:none;}
/*弹框固定居中*/
.flex{ 
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center;  /*水平居中*/ 
  -webkit-box-align:center; -webkit-align-items:center; align-items:center; /*垂直居中*/
}
.fixed_box{
	position:fixed; top:0px; width:100%; height:100%; background:rgba(240,240,240,0.3); z-index:10;
  display:-webkit-box; display:-webkit-flex;  display:flex;
  -webkit-box-pack:center;  -webkit-justify-content:center; justify-content:center;
  -webkit-box-align:center; -webkit-align-items:center; align-items:center; 
}
/*流动布局*/
.w1{ width:10%;}
.w2{ width:20%;}
.w3{ width:30%;}
.w4{ width:40%;}
.w5{ width:50%;}
.w6{ width:60%;}
.w7{ width:70%;}
.w8{ width:80%;}
.w9{ width:90%;}
/*移动端按钮组*/
.btn{ 
  display: inline-block; height:40px; padding:0 40px; border:none;  margin:0;
  color:#666; background-color:#EEE; border-color:#EEE;
  font-weight:600; font-size:16px; font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration:none;  text-align:center; line-height:40px;
  -webkit-appearance:none; appearance:none;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
 }
.btn.active{
    background-color:#eeeeee; border-color:#cfcfcf; color:#d4d4d4;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.3);  box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2); 
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
}
.btn:disabled{ top: 0 !important; background: #EEE !important; border: 1px solid #DDD !important; text-shadow: 0 1px 1px white !important; color: #CCC !important;  box-shadow: none !important; opacity: .8 !important;}
/*淡紫白字按钮*/
.btn-royal{ background-color:#7B72E9; border-color:#7B72E9; color:#FFF;}
.btn-royal.active{ background-color:#827ae1; border-color:#827ae1; color:#5246e2;}
/*粉红白字按钮*/
.btn-caution{ background-color:#FF4351; border-color:#FF4351; color:#FFF;}
.btn-caution.active   background-color:#f64c59;  border-color:#f64c59;  color:#ff1022;}
/*橙黄白字按钮*/
.btn-highlight{ background-color:#FEAE1B; border-color:#FEAE1B; color:#FFF;}
.btn-highlight.active{ background-color:#f3ab26; border-color:#f3ab26; color:#e59501;}
 /*黄绿白字按钮*/ 
.btn-action{ background-color:#A5DE37; border-color:#A5DE37; color:#FFF; }
.btn-action.active{ background-color:#a1d243; border-color:#a1d243;  color:#7bb230;}
/*蓝色白字按钮*/
.btn-primary{ background-color:#00b7fb; border-color:#00b7fb; color:#FFF;}
.btn-primary.active{ background-color:#2798eb; border-color:#2798eb; color:#0880d7;}
/*黑色白字按钮*/
.btn-inverse{ background-color:#343434; border-color:#343434; color:#EEE }
.btn-inverse.active{  background-color:#343434;  border-color:#343434;  color:#111;}